<template>
  <div class="home">
    <h2>
      我是HOME -- {{ $store.state.num }}
    </h2>
    <!-- <h3>
      {{ $store.getters.newNum }}
    </h3>
    <h3>
      {{ $store.getters.newNum }}
    </h3>
    <h3>
      {{ $store.getters.newNum }}
    </h3> -->
    <div>
      {{ $store.state.list }}
    </div>
    <button @click="add">++</button>
    <button @click="init">异步</button>
  </div>
</template>

<script>

export default {
  name: 'Home',
  created() {
    console.log(this.$store)
  },
  methods: {
    add() {
      // 调用vuex中 mutations 中的函数 this.$store.commit
      // commit(方法名称)
      this.$store.commit("addNum")
    },
    init() {
      // 通过this.$store.dispatch  执行actions中的方法
      this.$store.dispatch("init")
    }
  }
}
</script>
